<div class="hidden-xs col-md-4" role="complementary">
    <div class="well">
        <ul class="nav nav-pills nav-stacked">
            <li>
                <a href="${base}/groups"><i class="icon-user"></i>我的组</a>
            </li>
            <li>
                <a href="${base}/public"><i class="icon-user"></i>公共区</a>
            </li>
            <li class="nav-divider"></li>
            <li>
                <a href="${base}/user/getInfo/${session.user.id!}"><i class="icon-search"></i>我的信息</a>
            </li>
            <li>
                <a href="${base}/help"><i class="icon-search"></i>帮助</a>
            </li>
        </ul>
    </div>

    <h3 class="docs-header"><span class="label label-primary">热点推荐</span></h3>



    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingOne">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"
                       aria-controls="collapseOne">
                        <h5>${news_list[0].title}</h5>
                    </a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"
                 aria-labelledby="headingOne">
                <div class="panel-body">${news_list[0].content}<a href="${news_list[0].href}">查看更多</a></div>
            </div>
        </div>


        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingTwo">
                <h4 class="panel-title">
                    <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
                       aria-expanded="false" aria-controls="collapseTwo">
                        <h5>${news_list[1].title}</h5>
                    </a>
                </h4>
            </div>
            <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                <div class="panel-body">${news_list[1].content}<a href="${news_list[1].href}">查看更多</a>
                </div>
            </div>
        </div>


        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingThree">
                <h4 class="panel-title">
                    <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree"
                       aria-expanded="false" aria-controls="collapseThree">
                        <h5>${news_list[2].title}</h5>
                    </a>
                </h4>
            </div>
            <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
                 aria-labelledby="headingThree">
                <div class="panel-body">${news_list[2].content}<a href="${news_list[2].href}">查看更多</a>
                </div>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingFour">
                <h4 class="panel-title">
                    <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour"
                       aria-expanded="false" aria-controls="collapseFour">
                        <h5>${news_list[3].title}</h5>
                    </a>
                </h4>
            </div>
            <div id="collapseFour" class="panel-collapse collapse" role="tabpanel"
                 aria-labelledby="headingFour">
                <div class="panel-body">${news_list[3].content}<a href="${news_list[3].href}">查看更多</a>
                </div>
            </div>
        </div>

    </div>

</div>